<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body  bgcolor="blue">
		<!-- 叫法：标记，元素 -->
		<!-- W3C规定单词：特殊含义，表示页面效果 -->
          <!-- 标记分为：前标记，后标记
		  元素=前标记+后标记+内容【元素之间可以嵌套】
		  --> 
		  <P>内容</P>
		  <!-- body主题区域：文本，图片，超链接，表格-->
		  <!-- 文本元素群-->
          <!-- 1.特殊文本【实业/体字符 -->
          <!-- &copy;代表版权 
		        &reg;代表商标
				-->
           &copy;版权
		   &reg;商标
		   &lt;小于号
		   &gt;大于号
		   &nbsp;一个空格
		   <!-- 2.假文【占位符】-->	
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Saepe, in? Consectetur illum soluta voluptatibus. Vero eligendi impedit magni voluptatem magnam eius illo quis. Praesentium accusantium facilis alias dolor corporis debitis.
		   <!-- 3.文本样式元素  精灵图-->
		   <i>文本倾斜</i>
		   <b>文本加粗</b>
		   <u>文本下划线</u>
		   <del>文本删除线 html4.0</del>
		   <s>文本删除线 html5.o</s>
		   3<sup>2</sup>
		   文言文<sub>解释</sub>
		   <!-- 4.标题元素，加粗、放大-->
		   <h1>标题元素</h1>
		   <h2>标题元素</h2>
		   
		   <!-- 5.分割线元素和换行元素
		   元素分为：封闭型标记【双标记】、非封闭型标记【空标记/单标记】
		   非封闭型【空/单】标记：hr  br
		   
		   -->
		   <hr  />
		   
		   换行<br>换行
		   <!-- 6.跑马灯元素-->
		   <marquee >滚滚长江东逝水</marquee>
		   <!-- 预格式化元素pre元素：放进去什么，就显示什么-->
		   <pre>有什麽作用</pre>
		   <!-- 需求：文本加粗并且倾斜【嵌套】-->
		   <pre>
			          &lt;p&lt;静夜思&lt/p&lt;
			   床前明月光，疑是地上霜
			   举头望明月，低头思故乡
		   </pre>
		   
		   <b><i>lorem</i></b>
		   <!-- 8.段落元素-->
		   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam fugiat perferendis deleniti impedit a, voluptatum dolores dolorem temporibus nostrum? Reiciendis ut commodi fugiat ad incidunt dicta veniam! Rem, itaque at?</p>
           <!-- 二.元素中属性与属性值的使用 
		       属性与属性值的作用：添加效果【样式】
			   语法：<P属性=“属性值”></P>
			   W3C针对元素添加的属性和属性值【不通用】
			   注意：属性与属性值可以为多个【没有顺序】
		   -->
		   <p  align="center">段落元素</p>
	</body>
</html>